<template>
    <div class="main-container">
        <div style="background-color: #fff; height:100%" id="RecipeProduction(2022)">
            <a-tabs   :lazy-load="true" type="card" @change="tabsChange" justify>
                <a-tab-pane title="染缸定价" key="1">
                    <div style="height: 100%;">
                        <VATpricing></VATpricing>
                    </div>
                </a-tab-pane>
                <a-tab-pane title="回修原因" key="2">
                    <div style="height: 100%;">
                        <ReasonforRepair></ReasonforRepair>
                    </div>
                </a-tab-pane>
                <a-tab-pane title="回修性质" key="3">
                    <div style="height: 100%;">
                        <RepairProperty></RepairProperty>
                    </div>
                </a-tab-pane>
                <a-tab-pane title="是否进缸" key="4">
                    <div style="height: 100%;">
                        <FeedingOrNot></FeedingOrNot>
                    </div>
                </a-tab-pane>
                <a-tab-pane title="回修类型" key="5">
                    <div style="height: 100%;">
                        <RepairType></RepairType>
                    </div>
                </a-tab-pane>
                <a-tab-pane title="拆卡类型" key="6">
                    <div style="height: 100%;">
                        <DetachableType></DetachableType>
                    </div>
                </a-tab-pane>
                <a-tab-pane title="退库类型" key="7">
                    <div style="height: 100%;">
                        <ReturnType></ReturnType>
                    </div>
                </a-tab-pane>
            </a-tabs>
        </div>
    </div>
</template>
<script lang="ts">
import { defineComponent, reactive, ref, onMounted } from 'vue'
import emitter from '@/hooks/useEventBus'
export default defineComponent({
    name: 'BasicInfo',
    setup() {
        const pageData = reactive({
            tableIndex: "1"
        })
        const tabsChange = (e: string | number) => {
            emitter.emit('window-change')
            if (e === '1') {
                emitter.emit('VATpricing>')
            }else if (e === '2') {
                emitter.emit('RecipeMaking2022')
            }else if (e === '3') {
                emitter.emit('TrackingNumbersDetails')
            }
        }
        return {
            pageData,
            tabsChange
        }
    }
})
</script>
<style scoped>
.main-container {
    height: 100%;
}
:deep(.ag-cell-value) {
    user-select: initial;
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
}

:deep(.ag-cell) {
    border-right: 1px solid #dde2eb;
}

:deep(.ag-header-cell) {
    border-right: 1px solid #dde2eb;
}
</style>

